<template>
  <div class="content">
    <van-nav-bar title="案例活动" left-arrow @click-left="onClickLeft" />
    <div class="topimg">
      <img src="../../img/a2cd8d2c5fd98b7a0a816d01af065dc1.gif" alt="" />
    </div>
    <div class="treatment-text">
      <div>
        <p>
          同病相怜，同忧相救。只有经历过病痛的人，才能深切地感受到他人的痛苦。妙手医生诚邀您分享治疗经验，完整记录患病
          <b>[确诊过程1、[治疗过程]、</b> <b>[心得体会]</b>等，和我们一起帮助更多的人科学治
          疗、少走弯路!期待您的参与!
        </p>
      </div>
    </div>
    <div class="huodong">
      <h3>活动奖励</h3>
    </div>
  </div>
</template>

<script setup lang="ts">
const onClickLeft = () => history.back()
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background: #eaf7ff;
  .topimg {
    width: 100%;
    height: 450px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .treatment-text {
    width: 92%;
    height: 300px;
    margin: 0 auto;
    margin-top: 40px;
    div {
      width: 100%;
      height: 300px;
      padding: 20px 20px;
      background: #fff;
      border-radius: 10px;
      p {
        font-size: 25px;
        line-height: 70px;
      }
    }
  }
}
</style>